<style>
.video_mask {
    top: 327px;
}
.tutor_ul {
  padding-left: 13px;
  background: #ebf4f5;
}
.tutor_ul li {
background: #ebf4f5;
  padding: 13px 0px 5px 0;
  border-bottom: 0px solid #d3d3d3;
}
.user_feedback {
  padding: 15px 25px 0 0;
}
.repay_info_bot_key span {
  height: 39px;
  line-height: 39px;
  padding: 0;
  text-align: center;
}
.repay_info_bot_key {
  padding: 28px 0;
  position: relative;
}
</style>
<div class="mobilepage">

<div class="mask" style="display: block;" ng-show="show">
    <div class="internet_appointment" style="z-index: 100">
        <dl class="internet_appointment_dl" style="z-index: 100">
            <dt>请先验证手机号码</dt>
            <dd class="row mg0">
                <span class="col-lg-1 col-md-1 col-sm-2 col-xs-3">手机号码</span>
                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                    <input type="tel" ng-model="tel" ng-focus="inputshow($event)">
                </span>
            </dd>
            <dd class="row mg0">
                <span class="col-lg-1 col-md-1 col-sm-2 col-xs-3">验证码</span>
                <span class="middle col-lg-6 col-md-6 col-sm-5 col-xs-5">
                    <input type="tel" ng-model="validate_code" ng-focus="inputshow($event)" />
                </span>
                <span class="verification col-lg-5 col-md-5 col-sm-5 col-xs-4" style="    padding-right: 10px;">
                    <a  class="verification_a " ng-click="get_code()" style="width: 100%" ng-class="{btnblue :code_value=='发送验证码'}">{{code_num}}{{code_value}}</a>
                </span>
            </dd>
        </dl>
        <div class="verification_not" style="z-index: 100"><a  ng-click="showm=true">未收到验证码？</a></div>
        <div class="internet_appointment_bot row mg0" style="z-index: 100">
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="internet_appointment_bot_left_a" ng-click="done()">提交订单</a>
            </span>
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="internet_appointment_bot_right_a" ng-click="undone($event)">放弃订单</a>
            </span>
        </div>
    </div>
</div>
<div class="mask" style="padding:0 47px;" ng-show="showm" ng-click="showm=false">
    <div class="mask_resetpassword" style="margin-top: 70px">
        <div class="resetpassword_info">
            <dl class="resetpassword_dl">
                <dt>温馨提示</dt>
                <dd>
                    网络通讯异常可能会造成短信丢失，请重新获取或稍后再试。
                </dd>
                <dd>
                    请核实手机是否已欠费停机，或者屏蔽了系统短信。
                </dd>
                <dd>
                    如果原手机号已丢失或停用，请联系客服人工修改手机号码。
                </dd>
                <dd>
                    客服电话:15558127186
                </dd>
            </dl>
            <div class="resetpassword_btn">
                <a  class="knowbtn" ng-click="showm=false">我知道了</a>
            </div>

        </div>
    </div>
</div>
<div class="mask_video" ng-show="v_start!=0&&v_move==0&&!isf">
    <div class="video_mask" style="height: 175px;">
        <img src="{{localurl}}images/layout/video_mask.gif" alt="">
        <p><span ng-show="ms>0" style="display: inline;">{{ms}}'</span> <span ng-show="ss>=0" style="display: inline;">{{ss}}"</span></p>
         <span>手指下划,取消录音</span>
    </div>
</div>
<div class="mask_video" ng-show="v_move!=0">
    <div class="video_mask">
        <img src="{{localurl}}images/layout/up_mask.png" alt="">
        <div style="clear: both;height: 8px"></div>
        <span class="qx">松开手指,取消录音</span>
    </div>
</div>
<div class="top kf_top bb1">
    <span class="back col-lg-1 col-md-1 col-sm-2 col-xs-2">
        <img src="{{localurl}}images/back.png" class="back_img" alt="返回" ng-click="back()">
    </span>
    <span class="title col-lg-10 col-md-10 col-sm-8 col-xs-8">咨询 {{info.tutor_name}}</span>
    <span class="release col-lg-1 col-md-1 col-sm-2 col-xs-2">
    </span>
</div>
    <div id="viewbd" class="weui_tab_bd">
<div class="pt53">
<div class="" ng-show="info">
            <div class="find_reply_bot_user" style="padding: 20px 20px 10px 20px;height: auto">
                <span class="left col-lg-1 col-md-1 col-sm-2 col-xs-2">
                    <i><img  ng-src="{{site}}{{info.headimgurl}}" err-src="{{localurl}}images/my/my_header_user.png"></i>
                </span>
                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                    <h3>{{info.tutor_name}}<span>{{info.organization}}{{info.position}}</span></h3>
                    <p ng-show="info.ordernum>=0&&info.collect_num>=0"><img src="{{localurl}}images/tutor/case_zx.png" alt="">{{info.ordernum}}人咨询过&nbsp;&nbsp;&nbsp;&nbsp;<img src="{{localurl}}images/tutor/case_follow.png" alt="">{{info.collect_num}}人</p>
                </span>
                <div style="clear: both;"></div>
            </div>
        </div>
        
         <dl class="tutor_dl">
            <dd class="tutor_dd" ng-show="goodat">
                <ul class="tutor_ul" style="padding: 0 20px 20px 20px;">
                    <li style="padding:0 ">
                        <p><i class="tutor_i">{{goodat.pcatename}}</i><img src="{{localurl}}images/tutor/right.png" class="tutor_p_img" alt="">
                        <i class="tutor_i">{{goodat.cate_name}}</i>
                        </p>
                    </li>
                </ul>
            </dd>
        </dl>
    <div class="user_feedback">
        <div class="repay_info_bot">
            <div class="repay_info_bot_key row mg0" ng-show="vshow">
                <span class="left col-lg-1 col-md-1 col-sm-2 col-xs-3">
                    <img ng-click="vshowclick()" src="{{localurl}}images/layout/key.png" class="repay_info_bot_img" alt="">
                </span>
                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                <p  touch-area="" ng-show="voice_path==null||voice_path==''"><img src="{{localurl}}images/layout/voice.png" alt="">点击开始咨询</p>
                <p  ng-click="play()" ng-show="voice_path!=null&&voice_path!=''"><img src="{{localurl}}images/layout/{{playm}}">点击播放语音</p>
                </span>
                  <span style="  position: absolute;
  right: 7px;
  top: 34px;
" ng-click="del($event)" ng-show="voice_path!=null&&voice_path!=''"><img src="{{localurl}}images/close.png" width="25px" ></span>
            </div>
            <div class="repay_info_bot_key row mg0" ng-show="!vshow">
                <span class="left col-lg-1 col-md-1 col-sm-2 col-xs-3">
                    <img src="{{localurl}}images/layout/internet_voice.png" ng-click="vshowclick()" class="repay_info_bot_img" alt="">
                </span>
                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                    <textarea ng-focus="inputshow($event)" onKeyDown='if (this.value.length>=200){event.returnValue=false}' class="repay_info_textarea_text" ng-model="content" rows="10" placeholder="输入文字至少30字，最多500字"></textarea>
                </span>
            </div>
            <textarea ng-focus="inputshow($event)" style="display: none" class="repay_info_textarea"  ng-show="!show" name="" id="" cols="30" rows="10" placeholder="语音将自动转换成文字。"></textarea>
        </div>
    </div>
    <div class="appointment_bot" style="margin: 80px 20px;">
            <a  ng-click="fordone()">立即预约专家</a>
        </div>
</div>


    </div>
</div>